import React from 'react';
import { Dropdown, Icon, Menu } from 'semantic-ui-react';
import './topNavbar.css';
export const TopNavbar =() =>{
return (
<Menu className="custom-header">
<Menu.Item className="ptcc-engine">PTCC Engine</Menu.Item>
<Menu.Item className="pre-trade-compliance-check">Pre-Trade Compliance Check</Menu.Item>
<Menu.Item className="administration-tool">Administration Tool</Menu.Item>
<Menu.Menu position="right">
<Dropdown
item
simple
text={
<span>
<Icon name="user circle"className="custom-icon-color" />
<span className="user-text">Karen Shen(xa27mv)</span>
</span>
}
>
<Dropdown.Menu>
<Dropdown.Item>Profile</Dropdown.Item>
<Dropdown.Item>Logout</Dropdown.Item>
</Dropdown.Menu>
</Dropdown>
</Menu.Menu>
</Menu>
);
};